﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="/themes/default/easyui.css" rel="stylesheet" />
    <link href="/themes/icon.css" rel="stylesheet" />
    <script src="/jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
</head>
<body>
    <table>
        <tr>
            <td>登录名:</td>
            <td><input id="txtLoginName" type="text" /></td>
        </tr>
        <tr>
            <td>真实姓名:</td>
            <td><input id="txtUserName" type="text" /></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td>
                <input id="rbtnSex" type="radio" value="0" />男
                <input id="rbtnSex" type="radio" value="1" />女
            </td>
        </tr>
        <tr>
            <td>联系电话:</td>
            <td><input id="txtLinkPhone" type="text" /></td>

        </tr>
        <tr>
            <td>角色</td>
            <td>
                <select id="cc" style="width:150px"> </select>
                <div id="sp">
                    <div>请选择角色</div>
                    <div>
                        <input type="radio" name="lang" value="01" /><span>1</span><br />
                        <input type="radio" name="lang" value="01" /><span>2</span><br />
                        <input type="radio" name="lang" value="01" /><span>3</span><br />
                        <input type="radio" name="lang" value="01" /><span>4</span><br />
                        <input type="radio" name="lang" value="01" /><span>5</span><br />
                    </div>
                </div>
            </td>

        </tr>
        <tr>
            <td>是否可以删除:</td>
            <td>
                <input id="chkSure" type="checkbox" />是
            </td>

        </tr>
        <tr>
            <td></td>
            <td>
                <input id="btnAdd" type="button" value="新增" />
            </td>

        </tr>
    </table>
    <script type="text/javascript">
        $(function ()
        {
            $("#cc").combo({

                editable: false
            });
            $("#sp").appendTo($("#cc").combo("panel"));
            $("#sp input").click(function ()
            {
                var v = $(this).va1()
                var s = $(this).next('span').text();
                $("#cc").combo('setValue', v).combo('setText', s).combo('hidePanel');

            })



            $("#btnAdd").click(function ()
            {
                $("#cc").combo({

                    required: true
                });

                $("#txtLoginName").validatebox({
                    required: true,
                    validType: 'currency'
                });
                $("#txtUserName").validatebox({
                    required: true,

                });
                $("#txtLinkPhone").validatebox({
                    required: true,
                    validType:'phone'

                });




            })


        })

    </script>
</body>

</html>
